﻿@using SocialFront.Web.Models;
@model FooSearchViewModel

@{
    ViewBag.Title = "Index";
}

@section css 
{
}

@section featured {
<section class="featured">
    <div class="content-wrapper">
        <p>
            Search Term: <input type="text" id="searchTerm" /><input type="submit" id="search" value="Search" />
        </p>

        <p>
            SearchType: <input type="radio" name="searchType" value="Wildcard" checked /> Wild card
                        <input type="radio" name="searchType" value="Exact" /> Exact
        </p>

       
        <div id="loader" class="loading" style="display:none;z-index:10000;">
           <img src="../../Images/ajax-loader_bar.gif" width="150" height="20" alt="Loader Image" style="z-index:100000;"/>
           <br />
           <strong>Loading</strong>
        </div>

        <div id="results" style="display:none;"></div>
        <br />
    </div>
</section>
}

@section scripts 
{   
    @if (false)
    {
        <script src="../../Scripts/jquery-1.6.4-vsdoc.js" type="text/javascript"></script>
    }
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/FooView.js")"></script>
}